<!doctype html>
<html lang="en" class="no-js">
<head>
  <meta charset="utf-8">

  <!-- www.phpied.com/conditional-comments-block-downloads/ -->
  <!--[if IE]><![endif]-->

  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Stealth</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!--  Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width; initial-scale=1.0">

  <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
  <link rel="shortcut icon" href="/static/favicon.png">
  <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">


  <!-- CSS : implied media="all" -->
  <link rel="stylesheet" href="/static/css/style.css?v=1">
  <link rel="stylesheet" href="/static/css/index.css?v=1">
  <link rel="stylesheet" href="/static/css/smoothness/jquery-ui-1.8.4.custom.css">	
  <link rel="stylesheet" type="text/css" href="/media/css/base.css" /> 
  <link rel="stylesheet" href="/media/jquery/ui/css/custom-theme/jquery-ui-1.8.custom.css" type="text/css" media="screen" title="no title" charset="utf-8"> 
  <link rel="stylesheet" type="text/css" href="/media/css/jquery-ui-grappelli-extensions.css" /> 

  <!-- For the less-enabled mobile browsers like Opera Mini -->
  <link rel="stylesheet" media="handheld" href="/static/css/handheld.css?v=1">
		<!--Debug CSS-->
			<!--<link rel="stylesheet" href="/static/css/debug.css" type="text/css">-->
 
  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="/static/js/modernizr-1.5.min.js"></script>

</head>

<!--django loads-->
{% load inbox %}
{% inbox_count as mail %}
{% load i18n %}  
{% load main_tags %}
<!--||-->

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->

  <div id="container" class='container-grid'>
    <header>
		<div id="header"> 
		    <div class="branding">&nbsp;</div> 
			<!-- Title --> 
			<div class="admin-title">
				{{user}}
			</div> 
			{%if user.is_authenticated%}
			<ul id="user-tools"> 
				{%if user.is_superuser%}
				<li class='userpic'><img src='/static/images/green.png'></li>
				{%endif%}
            <!-- Username --> 
            <li class="user-options-container collapse closed"> 
                <a href="javascript://" class="user-options-handler collapse-handler">Menu</a> 
                <ul class="user-options"> 
					{%block userlinks%}{%endblock%}
					<li><a href='/messages/inbox'>Inbox <span class='right' id='mail_count'>{%if mail%}<span class='white'>[</span>{{mail}}<span class='white'>]</span></span>{%endif%}</a></li> 
					{%if user.is_staff%}
					<li><a href="javascript://" id='chicon'>Change Icon</a></li> 
					<li><a href="/admin/">Admin</a></li> 
					{%endif%}
                    <!-- Logout --> 
					<li><a href="/accounts/logout/">Log out</a></li> 
                </ul> 
				</li>
				<li id='version'>{{VERSION}}</li>
			</ul>
		</div> 
		{% block breadcrumbs %}
		<div id="breadcrumbs"><a href='/'>Home</a> {%block crumb%}{%endblock%}</div>
        {% endblock %}
		<ul class="messagelist">
			{%if mail%}
			<li>You have <a href='/messages/inbox/'>{{mail}} unread message</a>.<a class="tododelete" href="javascript://"><span class="ui-icon ui-icon-closethick right"></span></a></li>
			{%endif%}
		</ul>
		{%endif%}
    </header>
    
    <div id="main" class='centered'>

		{%block content%}
<!--||||||-->
		{%endblock%}
    </div>
    
    <footer>
			{%if user.is_authenticated%}
<div class="module footer changelist-actions" style="display: block; ">
    
        <ul>
			<li class="action-counter"><a href='/'><b>Help</b></a></li>
			<li class="action-counter"><a href='/messages/compose'><b>Contact</b></a></li>
			<li class="action-counter"><a><b>Contact</b></a></li>
			<li><span>Yeah, im not fanatic minimalist =D</span></li>
        </ul>

</div>
{%endif%}
    </footer>
  </div> <!--! end of #container -->


  <!-- Javascript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script>!window.jQuery && document.write('<script src="/static/js/jquery-1.4.2.min.js"><\/script>')</script>
  <script src="/static/js/jquery-ui-1.8.4.custom.min.js"></script>
  <script src="/static/js/jquery.form.js"></script>
<script type="text/javascript" src="/static/js/favic.js"></script>
  <script src="/static/js/main.js"></script>



  <script src="/static/js/plugins.js?v=1"></script>
  <script src="/static/js/script.js?v=1"></script>

  <!--[if lt IE 7 ]>
    <script src="/static/js/dd_belatedpng.js?v=1"></script>
  <![endif]-->


  <script src="/media/js/grappelli.init.js"></script>
  <script src="/media/js/grappelli.min.js"></script>
	<script type="text/javascript" src="/media/js/core.js"></script>
<!--<script type="text/javascript" src="/media/js/admin/RelatedObjectLookups.js"></script> -->
<!--<script type="text/javascript" src="/media/js/jquery.min.js"></script> -->
<!--<script type="text/javascript" src="/media/js/jquery.init.js"></script> -->
<script type="text/javascript" src="/media/js/actions.min.js"></script>
<script type="text/javascript" src="/static/js/grappelli.change_list.js"></script> 

  {%block extra-scripts%}{%endblock%}
  <!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet 
       change the UA-XXXXX-X to be your site's ID -->
  <script>
   var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
   (function(d, t) {
    var g = d.createElement(t),
        s = d.getElementsByTagName(t)[0];
    g.async = true;
    g.src = '//www.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g, s);
   })(document, 'script');
  </script>
  
</body>
</html>
